*{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    display: block;
}
.zt{
    width: 100%;
    position: relative;
}

// 头部css
.box{
    width: 100%;
    background-color: black;
}
.boxx{
    width: 1190px;
    height: 30px;
    margin: 0 auto;
    box-sizing: border-box;
}
.ul1{
    display: flex;
}
.ul1 a{
    color: white;
}
.ul1 a:hover{
    color: red;
}
.ul1 li:nth-child(1){
    font-size: 12px;
    line-height: 30px;
    color: white;
    margin-right: 50px;
}
.ul1 li:nth-child(2){
    font-size: 12px;
    line-height: 30px;
    margin-right: 20px;
}
.ul1 li:nth-child(3){
    font-size: 12px;
    line-height: 30px;
    color: white;
    margin-right: 20px;
}
.ul1 li:nth-child(4){
    font-size: 12px;
    line-height: 30px;
    margin-right: 40px;
}
.ul1 li:nth-child(5){
    font-size: 12px;
    line-height: 30px;
    margin-right: 110px;
}
.ul1 li:nth-child(6){
    font-size: 12px;
    line-height: 30px;
    color: white;
    margin-right: 279px;
}
.ul1 li:nth-child(7){
    margin-top: 4px;
    margin-right: 8px;
}
.ul1 li:nth-child(8){
    font-size: 12px;
    line-height: 30px;
    margin-right: 20px;
    position: relative;
}
.boxx1{
    width: 60px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 30px;
    border: 1px solid black;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    display: none;
}
.ul1 li:nth-child(8):hover .boxx1{
    display: block;
    background-color: white;
    color: red;
}
.ul1 li:nth-child(9){
    margin-top: 6px;
    margin-right: 8px;
}
.ul1 li:nth-child(10){
    font-size: 12px;
    line-height: 30px;
    margin-right: 20px;
}
.ul1 li:nth-child(11){
    margin-top: 3px;
    margin-right: 8px;
}
.ul1 li:nth-child(12){
    font-size: 12px;
    line-height: 30px;
    margin-right: 20px;
    position: relative;
}
.boxx11{
    width: 450px;
    height: 157px;
    position: absolute;
    left: -287px;
    top: 29px;
    display: none;
    background-color: white;
    z-index: 999;
}
.boxx11 dl{
    width: 100px;
    height: 157px;
    margin-top: 10px;
    float: left;
    margin-left: 43px;

}
.boxx11 dl dd{
    color: #cccccc;
    margin-left: 2px;
}
.boxx11 dl dd:nth-child(3){
    margin-left: 10px;
    // margin-top: -8px;
}
.Img4{
    width: 80px;
    height: 80px;
}
.ul1 li:nth-child(12):hover .boxx11{
    display: block;
}
.ul1 li:nth-child(13){
    font-size: 12px;
    line-height: 30px;
}

.box2{
    width: 100%;
}
.box22{
    width: 1190px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
}
//box22-left css
.box22-left{
    width: 262px;
    height: 950px;
    box-sizing: border-box;
    background-color: white;
   
}
.list1{
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 10px;
    margin-top: 20px;
}
.boxx22-left-1{
    width: 260px;
    height: 40px;
    line-height: 40px;
    color: 20px;
    color: white;
    font-weight: bold;
    background-color: black;
    margin-top: 15px;
}
.boxx22-left-2{
    width: 260px;
    height: 71px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    position: relative;
}
.boxx22-left-3{
    width: 260px;
    height: 71px;
    box-sizing: border-box;
    border-bottom: 1px solid #cccccc;
    position: relative;
}
.list2{
    font-size: 20px;
    font-weight: bold;
    margin-left: 22px;
    margin-top: 20px;
}
.ul2{
    display: flex;
    margin-top: 5px;
    margin-left: 22px;
}
.ul2 li:nth-child(1){
    font-size: 12px;
    color: #cccccc;
    margin-right: 8px;
}
.ul2 li:nth-child(1):hover{
    color: red;
}
.ul2 li:nth-child(2){
    font-size: 12px;
    color: #cccccc;
}
.ul2 li:nth-child(2):hover{
    color: red;
}
.boxx22-left-2:hover .gx{
    display: block !important;
    z-index: 999;
}
.ul4 li:hover{
    color: red !important;
}
.boxx22-left-3:hover .gx1{
    display: block !important;
    z-index: 999;
}
.gx{
    width: 928px;
    height: 799px;
    box-shadow :slategrey 2px 2px 2px 2px;
    position: absolute;
    display: none !important;
    left: 261px;
    top: 0px;
    box-sizing: border-box;
    background-color: white;
}
.gx1{
    width: 928px;
    height: 798px;
    box-shadow :gray 2px 2px 2px 2px;
    position: absolute;
    display: none !important;
    left: 261px;
    top: -90px;
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: white;
}
.gx-left,.gx1-left{
    width: 496px;
    height: 820px;
    box-sizing: border-box;
    float: left;
}
.gx-left-s,.gx1-left-s{
    width: 497px;
    height: 120px;
    border-bottom: 1px solid #cccccc;
    float: left;
}
.list3{
    font-size: 30px;
    font-weight: bold;
    margin-left: 30px;
   line-height: 120px;
}
.gx-left-z,.gx1-left-z{
    width: 497px;
    height: 400px;
    display: flex;
    box-sizing: border-box;
}
.ul4{
    font-size: 12px;
    margin-right: 37px;
    margin-left: 30px;
    margin-top: 40px;
}
.ul4 li:nth-child(2){
    color: #cccccc;
    margin-top: 5px;
    margin-bottom: 15px;
}
.ul4 li:nth-child(4){
    color: #cccccc;
    margin-top: 5px;
    margin-bottom: 15px;
}
.ul4 li:nth-child(5){
    color: #cccccc;
    margin-bottom: 15px;
}
.ul4 li:nth-child(6){
    color: #cccccc;
    margin-bottom: 15px;
}
.ul4 li:nth-child(7){
    color: #cccccc;
    margin-bottom: 15px;
}
.ul5{
    display: flex;
    margin-top: 200px;
}
.ul5 li:nth-child(1){
    margin-right: 10px;
    margin-top: 10px;
}
.ul5 li:nth-child(2){
    margin-right: 10px;
    margin-top: 5px;
}
.ul5 li:nth-child(3){
    margin-right: 10px;
    margin-top: 5px;
}
.ul5 li:nth-child(4){
    margin-right: 10px;
    margin-top: 5px;
}
.Img5{
    margin-top: 28px;
}
.box22-right{
    width: 927px;
    height: 950px;
}
.box22-right-s{
    width: 927px;
    height: 130px;
    display: flex;
    box-sizing: border-box;
}
.box22-right-s-left{
    width: 680px;
    height: 130px;
}
.b1{
    width: 637px;
    height: 30px;
    display: flex;
    box-sizing: border-box;
}
.b1 input{
    width: 575px;
    height: 30px;
    margin-top: 40px;
    margin-left: 30px;
}
.list5{
    width: 100px;
    height: 34px;
    background-color: black;
    margin-top: 40px;
}
.list5 a{
    color: white;
    font-size: 18px;
    line-height: 34px;
    font-weight: bold;
    margin-left: 28px;
}
.ul6{
    display: flex;
    margin-top: 50px;
}
.ul6 li a:hover{
    color: red;
}
.ul6 li a{
   font-size: 12px;
    color: black;
}
.ul6 li:nth-child(1){
    margin-left: 29px;
}
.ul6 li:nth-child(2){
    margin-left: 10px;
}
.ul6 li:nth-child(3){
    margin-left: 10px;
}
.ul7{
    display: flex;
    margin-top: 20px;
}
.ul7 li a{
    color: black;
    font-size: 22px;
    font-weight: bold;
    font-size: 20px;
}
.ul7 li{
    margin-right: 20px;
}
.ul7 li:nth-child(1){
   margin-left: 10px;
}
.ul7 li a:hover{
    color: red;
}
.ul7:nth-child(4){
    position: relative;
}
.ul7 li:nth-child(4):hover .e{
    display: block;
}
.e{
    width: 500px;
    height: 250px;
    box-shadow :gray 2px 2px 2px 2px;
    position: absolute;
    left: 298px;
    top: 180px;
    z-index: 999;
    background-color: white;
    display: none;
}
.e-left{
    box-sizing: border-box;
    width: 250px;
    height: 250px;
    float: left;
}
.e-left input{
    width: 200px;
    height: 30px;
    border-radius: 20px;
    background-color: #aaaaaa;
    margin-top: 10px;
    margin-left: 20px;
}
.ul12{
    display: flex;
    font-size: 12px;
    margin-top: 10px;
}
.ul13{
    margin-bottom: 60px;
    margin-top: 30px;
}
.ul13 li:nth-child(2) a{
    color: #cccccc;
    margin-left: 10px;
}
.ul13 li:nth-child(3) a{
    color: #cccccc;
    margin-left: 10px;
}
.ul13 li:nth-child(4) a{
    color: #cccccc;
    margin-left: 10px;
}
.ul13 li:nth-child(5) a{
    color: #cccccc;
    margin-left: 10px;
}
.ul13 li:nth-child(6) a{
    color: #cccccc;
    margin-left: 10px;
}
.ul13 li:nth-child(7) a{
    color: #cccccc;
    margin-left: 10px;
}
.ul13 li a:hover{
    color: red;
}
.e-right{
    width: 250px;
    height: 250px;
    box-sizing: border-box;
    overflow: scroll;
    float: left;
    border-left: 1px solid #cccccc;
}
.ul13 li a{
    font-size: 12px;
    
}
.box22-right-s-right{
    width: 246px;
    height: 130px;
    box-sizing: border-box;
}
.b2{
    width: 240px;
    height: 50px;
    display: flex;
    border:  1px solid #cccccc;
    margin-top: 20px;
    position: relative;
    background-color: white;
}
.Img11{
    width: 34px;
    height: 41px;
    margin-top: 4px;
    margin-left: 52px;
}
.ul8{
    display: flex;
    margin-top: 12px;
    font-size: 20px;
    margin-left: 5px;
}
.ul8 li:nth-child(1){
    margin-right: 3px;
}
.ul8 li:nth-child(2){
    color: red;
    margin-right: 3px;
}
.c{
    width: 390px;
    height: 180px;
    box-sizing: border-box;
    display: none;
    position: absolute;
    left: -150px;
    top: 50px;
    background-color: white;
    border: 1px solid #cccccc;
}
.Img12{
    float: left;
    margin-top: 20px;
    margin-left: 30px;
}
.ul9{
    float: left;
    margin-top: 60px;
    margin-left: 15px;
}
.ul9 li:nth-child(1){
    font-size: 12px;
    color: #cccccc;
}
.ul9 li:nth-child(2){
    font-size: 12px;
    color: #cccccc;
}
.ul9 li:nth-child(3){
    width: 30px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: white;
    background-color: red;
    font-size: 14px;
    margin-top: 15px;
}
.ul9 li a{
    color: white;
}
.b2:hover .c{
    display: block !important;
    z-index: 999;
}
.Img13{
    margin-top: 10px;
}
.box22-right-z{
    width: 927px;
    height: 400px;
    box-sizing: border-box;
    position: relative;
    margin-top: 30px;
    overflow: hidden !important;
}
.Img14{
    width: 927px;
}
.ul10{
    width: 927px;
    height: 398px;
    position: absolute;
    display: flex;
}
.c1{
    width: 50px;
    height: 50px;
    background-color: black;
    position: absolute;
    left: 30px;
    top: 170px;
    border-radius: 50%;
}
.c2{
    width: 50px;
    height: 50px;
    background-color: black;
    position: absolute;
    left: 845px;
    top: 170px;
    border-radius: 50%;
}
.box22-right-x{
    width: 927px;
    height: 220px;
    box-sizing: border-box;
}
.ul11{
    display: flex;
    margin-top: 80px;
    margin-left: 30px;
}
.ul11 li:hover{
    transform: scale(1.1);
}
.ul11 li{
    margin-right: 50px;
}
.box3{
    width: 100%;
    margin-top: 60px;
}
.box33{
    width: 1190px;
    height: 369px;
    margin: 0 auto;
    display: flex;
}
.box33-left{
    width: 594px;
    height: 369px;
}
.ul14{
    display: flex;
    margin-top: 10px;
}
.ul14 li:nth-child(1){
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 20px;
    font-weight: bold;
}
.ul14 li:nth-child(2){
    margin-top: 20px;
    font-size: 12px;
}
.box33-left1{
    overflow: hidden !important;
    position: relative;
    height: 600px;
    // z-index: 999;
}
.Img22{
    width: 594px;
}
.ul15{
    display: flex;
    position: absolute;
}
.f1{
    width: 50px;
    height: 50px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    left: 37px;
    top: 130px;
}
.f2{
    width: 50px;
    height: 50px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    left: 500px;
    top: 130px;
}
.box33-right{
    width: 594px;
    height: 369px;
    margin-left: 20px;
}
.ul17{
    display: flex;
    margin-top: 20px;
}
.ul17 li:nth-child(1) a{
    font-size: 14px;
    margin-left: 400px;
    color: black;
}
.ul17 li:nth-child(2) a{
    font-size: 14px;
    margin-left: 10px;
    color: black;
}
.ul17 li:nth-child(2){
    position: relative;
}
.ul17 li:nth-child(3) a{
    font-size: 14px;
    margin-left: 10px;
    color: black;
}
.ul17 li a:hover{
    color: red;
}
.gg{
    width: 626px;
    position: absolute;
    left: -472px;
    top: 21px;
    z-index: 999;
    display: none;
}
.ul17 li:nth-child(2) :hover ~ .gg{
    display: block;
}
.ggg{
    display: flex;
    margin-top: 6px;
    margin-left: -10px;
}
.gg .ul16{
    float: left !important;
    margin-top: 6px;
}
.ul16 li:nth-child(1){
    position: relative;
}
.ul16 li:nth-child(1):hover .f3{
    display: block;
}
.ul16 li:nth-child(2):hover .f4{
    display: block;
}
.ul16 li:nth-child(3):hover .f5{
    display: block;
}
.ul16 li:nth-child(4):hover .f6{
    display: block;
}
.ul18 li:nth-child(1){
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    color: white;
}
.ul18 li:nth-child(2){
    width: 100px;
    height: 24px;
    font-size: 12px;
    border-radius: 20px;
    text-align: center;
    line-height: 24px;
    margin-top: 10px;
    margin-left: 25px;
    background-color: red;
    opacity: 0.9;
}
.ul18 li:nth-child(2) a{
    color: white;
}
.f3{
    width: 150px;
    height: 70px;
    background-color: black;
    opacity: 0.7;
    position: absolute;
    left: -1px;
    top: 0px;
}
.f4{
    width: 150px;
    height: 70px;
    background-color: black;
    opacity: 0.7;
    position: absolute;
    // left: 10px;
    top: 1163px;
}
.f5{
    width: 150px;
    height: 70px;
    background-color: black;
    opacity: 0.7;
    position: absolute;
    // left: 10px;
    top: 1239px;
}
.f6{
    width: 150px;
    height: 70px;
    background-color: black;
    opacity: 0.7;
    position: absolute;
    // left: 10px;
    top: 1314px;
}
.f7{
    width: 150px;
    height: 70px;
    background-color: black;
    opacity: 0.7;
    position: absolute;
    // left: 10px;
    top: 1163px;
}
.f8{
    width: 150px;
    height: 70px;
    background-color: black;
    opacity: 0.7;
    position: absolute;
    // left: 10px;
    top: 1163px;
}
.f3,.f4,.f5,.f6,.f7,.f8{
    display: none;
}
.box5{
  width: 25px;
  height: 25px;
  margin-left: 591px;
  margin-top: -36px;
  z-index: 999;
}
.ul20 li:nth-child(1){
    position: relative;
}
.ul20 li:nth-child(2){
    position: relative;
}
.ul20 li:nth-child(3){
    position: relative;
}
.ul20 li:nth-child(4){
    position: relative;
}
.h{
    width: 60px;
    height: 35px;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    color: white;
    background-color: #aaa;
    position: absolute;
    left: -60px;
    top: 0px;
    display: none;
}
.hh{
    width: 50px;
    height: 120px;
    position: absolute;
    left: -24px;
    top: -50px;
    z-index: 999;
    display: none;
}
.hh img{
    width: 25px;height: 25px;
}
.ul20 li:nth-child(1):hover .h{
    display: block;
}
.ul20 li:nth-child(2):hover .h{
    display: block;
}
.ul20 li:nth-child(3):hover .h{
    display: block;
}
.ul20 li:nth-child(4):hover .hh{
    display: block;
}
.box4{
    width: 100%;
    margin-top: 50px;
}
.box44{
    width: 1200px;
    height: 352px;
    margin: 0 auto;
    display: flex;
}
.box44-left,.box44-right{
    width: 595px;
    height: 352px;
    box-sizing: border-box;
}
.ul14{
    display: flex;
}
.box44-left-z{
    display: flex;
}
.Img29{
    margin-top: 48px;
    margin-left: 45px;
}
.box44-left-y-s{
    margin-left: 20px;
    margin-bottom: 20px;
}
.Img30{
    margin-left: 116px;
}
.Img31{
    margin-left: 100px;
}
.Img30:hover{
   width: 50px;
}
.Img31:hover{
    width: 65px;
 }
 .ul19 li:nth-child(1){
     margin-bottom: 10px;
 }
 .ul19 li:nth-child(2){
     font-size: 12px;
     margin-bottom: 10px;
 }
 .ul19 li:nth-child(3){
     font-size: 12px;
 }
 .box6{
     width: 100%;
 }
 .box66{
     width: 1190px;
     height: 80px;
     margin-left: 40px;
     background-color: white;
 }
 .box66-1{
     float: left;
     font-size: 40px;
     line-height: 80px;
     letter-spacing: 20px;
 }
 .box66-2{
   display: flex;
   float: left;
}
.box66 input{
    width: 480px;
    height: 30px;
    margin-top: 22px;
    margin-left: 72px;
}
.box66-3{
    float: left;
    width: 70px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: white;
    margin-top: 22px;
    background-color: black;
}
.box7{
    width: 100%;
    margin-top: 40px;
}
.box77{
    width: 1190px;
    height: 610px;
    margin: 0 auto;
    display: flex;
}
.ul30{
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}
.ul30 li:nth-child(1){
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 10px;
    margin-left: 20px;
}
.ul30 li:nth-child(2){
    font-size: 22px;
    margin-top: 10px;
}
.box77-right-s{
    display: flex;
}
.hf1{
    margin-right: 20px;
}
.box77-right-x{
    display: flex;
}
.ul31{
    margin-top: 70px;
}
.ul31 li:nth-child(1){
    font-size: 14px;
    margin-left: 20px;
    font-weight: bold;
}
.ul31 li:nth-child(2){
    font-size: 12px;
    margin-left: 20px;
}
.ul31 li:nth-child(3){
    font-size: 12px;
    margin-left: 20px;
}
.ul31:hover{
    box-shadow :gray 2px 2px 2px 2px;
    border-radius: 10%;
    transform: scale(1.1);
}
.sk{
    width: 180px;
    height: 180px;
}
.box8{
    width: 100%;
    margin-top: 40px;
}
.box88{
    width: 1190px;
    height: 140px;
    display: flex;
    margin: 0 auto;
}
.box88-1{
    width: 140px;
    height: 140px;
    display: flex;
    margin-right: 95px;
}
.ul46{
    margin-top: 20px;
}
.ul46 li img{
    margin-left: 10px;
    margin-bottom: 10px;
}
.ul46 li:nth-child(2){
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
}
.box88-2{
    width: 2px;
    height: 40px;
    background-color: #cccccc;
    margin-left: 40px;
    margin-top: 55px;
}
.box9{
    width: 100%;
}
.box99{
    width: 1190px;
    height: 183px;
    display: flex;
    margin-top: 20px;
    border-top: 3px solid black;
}
.ul47{
    margin-right: 60px;
    margin-left: 30px;
    margin-top: 20px;
}
.ul47 li:nth-child(1){
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
.ul47 li:nth-child(2){
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #cccccc;
}
.ul47 li:nth-child(2):hover{
    color: red;
}
.ul47 li:nth-child(3):hover{
    color: red;
}
.ul47 li:nth-child(4):hover{
    color: red;
}
.ul47 li:nth-child(3){
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #cccccc;
}
.ul47 li:nth-child(4){
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #cccccc;
}
.ul48{
    margin-left: 157px;
    margin-top: 20px;
}
.ul48 li{
    width: 60px;
    height: 25px;
    background-color: black;
    margin-bottom: 15px;
}
.box10{
    width: 100%;
    background-color: black;
}
.box100{
    width: 1190px;
    height: 100px;
    margin: 0 auto;
}
.ul49{
    display: flex;
    margin-left: 150px;
}
.ul49 li{
    color: white;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
}
.ul50{
    display: flex;
    margin-left: 180px;
}
.ul50 li{
    color: white;
}

.box11{
    width: 50px;
    height: 181px;
    position: absolute;
    left: 10px;
    top: 2400px;
    background-color: black;
    opacity: 0.7;
    display: none;
}
.ul100 li{
    margin-bottom: 20px;
}
.ul100 li:nth-child(1){
    // border: 1px solid black;
    width: 50px;
    height: 20px;
    
}
.ul100 li:nth-child(2){
    // border: 1px solid black;
    width: 50px;
    height: 20px;
    
}
.ul100 li:nth-child(3){
    // border: 1px solid black;
    width: 50px;
    height: 20px;
    
}
.ul100 li:nth-child(4){
    // border: 1px solid black;
    width: 50px;
    height: 20px;
    
}
.ul100 li:nth-child(5){
    // border: 1px solid black;
    width: 50px;
    height: 20px;
    
}
.ul100 li:nth-child(1) a{
    color: #cccccc;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.ul100 li:nth-child(2) a{
    color: #cccccc;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.ul100 li:nth-child(3) a{
    color: #cccccc;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.ul100 li:nth-child(4) a{
    color: #cccccc;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.ul100 li:nth-child(5) a{
    color: #cccccc;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.ul100 li:nth-child(1) a:hover{
    color: red;
}
.ul100 li:nth-child(2) a:hover{
    color: red;
}
.ul100 li:nth-child(3) a:hover{
    color: red;
}
.ul100 li:nth-child(4) a:hover{
    color: red;
}
.ul100 li:nth-child(5) a:hover{
    color: red;
}
// .ad {
//     position: fixed;
//     right: 0;
//     bottom: 0;
//     width: 230px;
//     height: 120px;
//     background-image: url(imgs/ad.jpg);
//       background-size:cover;
//     display: none;
//   }
  
//   .ad span {
//     position: absolute;
//     right: 0;
//     top: 0;
//     width: 40px;
//     height: 18px;
//     background-image: url(imgs/h.jpg);
//     cursor: pointer;
//   }